@import "style.css";
@import "../iconfont/iconfont.css";

/* ::-webkit-scrollbar {!*隐藏滚动条*!
    display: none;
} */
html,body{background-color: #edf5f2; /* overflow-x: hidden; */}
header{width: 100%;height: 46px;border: none;position: fixed;top: 0;z-index: 999}
header.active,.header {background: #1F2C58;}

.hide{ display: none;}
iframe {display: none;}

.header .search-wrap {width: 556px;height: 32px;border:2px solid #03a9f4;position: absolute; top:5px;left: 50%;margin-left: -233px;z-index: 999}
.header .search-wrap .left {width: 466px;height: 32px;background: #fff;position: relative;}
.header .search-wrap .left input{width: 100%;height: 100%;font: normal 500 16px/32px "寰蒋闆呴粦";float: left;border:none;background: none;text-indent: 10px}
.header .search-wrap .right {width: 90px;background: #03a9f4;color: #fff;cursor: pointer;font: normal 500 14px/32px "寰蒋闆呴粦";text-align: center;}
.header .search-wrap .left .searchHistory {
    display:none;
    width:100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top:32px;
    left:-1px;
    padding:10px 0;
}
.header .search-wrap .left .searchHistory .historyItem{
    color: #f0f0f0;
    line-height:24px;
    font-size:14px;
    padding:0 10px;
    /*省略号*/
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.header .search-wrap .left .searchHistory .historyItem:hover{background-color: rgba(0,0,0,0.1);}
.header .search-wrap .left .searchHistory .historyItem.noItem:hover{background-color: transparent;}

.layui-layer-content {font-size:12px; word-break:break-all;}
.layui-layer-content img {width:60px }
.copy-data {width:1px; height:1px; overflow:hidden }

.banner_dh{ width:100%;height:50px;background-color:#ffffff;margin-top:24px;border-bottom:2px solid #03a9f4;text-align:center; }
.banner_dh .dh_word{float:left;width:131px;height:50px;}
.banner_dh .dh_word_selected{float:left;width:131px;background-color:#03a9f4;height:50px;}
.banner_dh .dh_word p{margin-top: 16px;font-size: 17px;color: #696969;}
.banner_dh .dh_word_selected p{margin-top: 16px;font-size: 17px;color: white;}

.head{max-width: 1504px;height: 34px;margin: 6px auto 0;min-width: 1160px;}
.head .head-left ,.head .head-right {height: 34px;}
.head .head-left {line-height: 34px}
.head .head-left img {vertical-align: middle;margin-right: 44px;}
.head .head-left .experience {width: 178px;height: 34px;display: inline-block;vertical-align: middle;}
.head .head-left .experience .left{font:  normal 500 14px/34px "寰蒋闆呴粦";color: #fff}
.head .head-left .experience .right{width: 138px;height: 24px;border-radius: 12px;font:normal 500 14px/24px "寰蒋闆呴粦";background: linear-gradient(to right, #3ddcf9, #03a9f4);color:#fff;text-align: center;margin-top: 4px}
.head .head-left .experience .right a {color: #fff;text-decoration: none;}
.head .head-right { display: none; }
.head .head-right .login ,.head .head-right .register{width: 52px;height: 32px;border: 1px solid #fff;font: normal 500 14px/34px "寰蒋闆呴粦";text-align: center;color: #fff}
.head .head-right .login {background: #03a9f4;border-color: #03a9f4;margin-right: 20px;}
.head .head-right2{ display: none; }
.head .head-right2 .releaseIcon{ margin-right:20px;margin-top:6px;cursor: pointer;}
.head .head-right2 .informIcon{ margin-right:5px;margin-top:6px;cursor: pointer;}
.head .head-right2 .informNum{ color:#ffffff; font-size:17px;margin-right:20px;margin-top:10px;cursor: pointer; }
.head .head-right2 .headOuter{
    width:27px;
    height:27px;
    -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
    border:1px solid #ffffff;
    margin-top:2px;
    overflow: hidden;
}
.head .head-right2 .headPic{ width:100%; height:100%;object-fit:cover; cursor: pointer;}

.banner {width: 100%;height: 520px;background: url(../img/banner_bg.jpg) 50% 50% no-repeat;}
.banner h2 {color: #fff;font: normal 500 38px/38px "寰蒋闆呴粦";text-align: center;padding-top: 126px}
.banner .search-wrap {width: 556px;height: 32px;border:2px solid #03a9f4;margin: 50px auto 0;position: relative;z-index: 999}
.banner .search-wrap .left {width: 466px;height: 32px;background: #fff;position: relative;}
.banner .search-wrap .left input{width: 100%;height: 100%;font: normal 500 16px/32px "寰蒋闆呴粦";float: left;border:none;background: none;text-indent: 10px}
.banner .search-wrap .right {width: 90px;background: #03a9f4;color: #fff;cursor: pointer;font: normal 500 14px/32px "寰蒋闆呴粦";text-align: center;}
.banner .active {position: fixed;top: -46px;left: 50%;margin-left: -280px;}
.banner .search-wrap .left .searchHistory {
    display:none;
    width:100%;
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    top:32px;
    left:-1px;
    padding:10px 0;
}
.banner .search-wrap .left .searchHistory .historyItem{
    color: #f0f0f0;
    line-height:24px;
    font-size:14px;
    padding:0 10px;
    /*超出显示省略号*/
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.banner .search-wrap .left .searchHistory .historyItem:hover{background-color: rgba(0,0,0,0.1);}

.banner .search-wrap.active .left .searchHistory{background-color: rgba(0,0,0,0.4);}
.banner .search-wrap.active .left .searchHistory .historyItem:hover{background-color: rgba(0,0,0,0.1);}
.banner .search-wrap .left .searchHistory .historyItem.noItem:hover{background-color: transparent;}

.wrap {width: 1202px;margin: 0 auto}
.goods-classify-t {background: url(../img/goods_classify_bg.png) 50% 0 no-repeat;width: 100%;height: 40px;text-align: center;font: normal 500 14px/45px "寰蒋闆呴粦";text-align: center;color: #acacac;margin-bottom: 10px;}

.goods-classify-b a {color: #fff;font: normal 500 18px/50px "寰蒋闆呴粦";width: 135px;height: 60px;display: block;border-radius: 8px;text-decoration: none;text-align: center;margin-right: 17.4px;position: relative;box-shadow: 0 0 24px rgba(0,0,0,.2);}
.goods-classify-b a:nth-child(1){background:linear-gradient(to bottom, #ff1b4d, #ff6130);}
.goods-classify-b a:nth-child(1):hover{background:linear-gradient(to bottom, #ff6130, #ff1b4d);}
.goods-classify-b a:nth-child(2){background:linear-gradient(to bottom, #0655e4, #7ed3ff);}
.goods-classify-b a:nth-child(2):hover{background:linear-gradient(to bottom, #7ed3ff, #0655e4);}
.goods-classify-b a:nth-child(3){background:linear-gradient(to bottom, #20bf1e, #7bf856);}
.goods-classify-b a:nth-child(3):hover{background:linear-gradient(to bottom, #7bf856, #20bf1e);}
.goods-classify-b a:nth-child(4){background:linear-gradient(to bottom, #5124ca, #c373fe);}
.goods-classify-b a:nth-child(4):hover{background:linear-gradient(to bottom, #c373fe, #5124ca);}
.goods-classify-b a:nth-child(5){background:linear-gradient(to bottom, #ff5e6d, #ffc072);}
.goods-classify-b a:nth-child(5):hover{background:linear-gradient(to bottom, #ffc072, #ff5e6d);}
.goods-classify-b a:nth-child(6){background:linear-gradient(to bottom, #00909c, #00ecbc);}
.goods-classify-b a:nth-child(6):hover{background:linear-gradient(to bottom, #00ecbc, #00909c);}
.goods-classify-b a:nth-child(7){background:linear-gradient(to bottom, #ee5267, #ff7961);}
.goods-classify-b a:nth-child(7):hover{background:linear-gradient(to bottom, #ff7961, #ee5267);}
.goods-classify-b a:nth-child(8){background:linear-gradient(to bottom, #363746, #7173a4);}
.goods-classify-b a:nth-child(8):hover{background:linear-gradient(to bottom, #7173a4, #363746);}
.goods-classify-b a:last-child{margin-right: 0;}
.goods-classify-b a .line {width: 82px;height: 1px;background: #fff;position: absolute;bottom: 13px;left: 26.5px}

.goods-total {font: normal 500 16px/16px "寰蒋闆呴粦";color: #696969;margin: 26px 0}
.goods-total span {color: #03a9f4}

.group ,.goods-sorts{width: 100%;min-height: 52px;background: #fff;}
.group ,.goods-sorts-zh{width: 100%;min-height: 52px;background: #fff;}
.group {margin-bottom: 20px;}
.goods-sorts {border-bottom: 1px solid #eee}
.goods-sorts ul{margin-left: 30px}
.goods-sorts-zh {border-bottom: 1px solid #eee}
.goods-sorts-zh ul{margin-left: 30px}
.group-t {font: normal 500 18px/52px "寰蒋闆呴粦";color: #424242;margin-right: 40px;text-indent: 30px;}
.group-list {width: 1069px;}
.group-list li ,.goods-sorts li{height: 52px;font: normal 14px/52px "寰蒋闆呴粦";color: #696969;list-style: none;float: left;margin-right: 24px;cursor: pointer;}
.group-list li ,.goods-sorts-zh li{height: 52px;font: normal 14px/52px "寰蒋闆呴粦";color: #696969;list-style: none;float: left;margin-right: 24px;cursor: pointer;}
.group-list .active,.group-list li:hover,.goods-sorts .active, .goods-sorts li:hover{color: #03a9f4}
.page-prv:hover,.page-next:hover,.page-first:hover,.page-last:hover,.pagingUl li a:hover,.activP:hover,.activP{background-color:#03a9f4 !important;color:#fff !important;text-decoration: none !important;}
.page-wrap {width: 100%;padding: 60px 0;background: #fff;margin-bottom: 60px;display:none;}


.scrollTop {position:fixed; bottom:40px; right:250px; display:none }
.scrollTop-top {width:30px; height:30px; padding:10px; line-height:16px; color:#fff; background:url(../img/back_top.png) 50% 50% no-repeat #c7c8c9; border-radius:40px; cursor:pointer }
.scrollTop:hover .scrollTop-top {background:url(../img/back_top.png) 50% 50% no-repeat #1a2a56 } 
.scrollTop-bottom {font-size:12px; width:30px; height:30px; color:#c7c8c9; padding:10px; text-align:center } 
.scrollTop:hover .scrollTop-bottom {color:#1a2a56 }


@media screen and (max-width:1250px){
    .banner .active {display: none}
}

.layui-layer-content{ color: #ffffff;} 

.no-data2{margin:auto;	text-align:center;position:relative;top:200px;}
.no-data2 img{margin-bottom:10px;}
.item-logo1 {width:30px;height:45px;position: absolute;left: -15px;top: -15px;display: block;background:url(../img/top.png);color: #fff; font: normal 12px/18px "微软雅黑"; text-align: center; z-index: 10;}
.notice2{width:330px;position: fixed; bottom:0; left:0;}
.notice2 img{ width:330px;}
.notice2 .iconfont{ font-size:22px; color: #404067;position: absolute; top:0; right:0;cursor: pointer;}